<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>成为经销商</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/dealer.css">
</head>

<body>
<div class="home">

    <div class="header">
        <div class="box">
            <div class="l">
                <a href="./index.html" class="logo animated fadeInUp">
                    <img src="./images/logo.svg" alt="">
                </a>
            </div>
            <div class="links">
                <a href="index.html?scrollTo=md1" class="animated fadeInUp">
                    fence
                </a>
                <a href="index.html?scrollTo=md2" class="animated fadeInUp">
                    gate
                </a>
                <a href="index.html?scrollTo=md3" class="animated fadeInUp">
                    Tech Specs
                </a>
            </div>
            <div class="r">
                <a href="" class="bg_btn animated fadeInUp">
                    I WANT IT
                </a>
                <a href="dealer.html" class="bg_btn animated fadeInUp">
                    Be a Dealer
                </a>
            </div>
        </div>
    </div>

    <div class="pheader">
        <div class="menu">
            <div class="l">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
            </div>
            <div class="navbox">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
        </div>
    </div>
    <div class="menuList">
        <div class="item">
            <div class="tb">
                <a href="index.html?scrollTo=md1">fence</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="index.html?scrollTo=md2">gate</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="index.html?scrollTo=md3">Tech Specs</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a>I WANT IT</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="dealer.html">Be a Dealer</a>
            </div>
        </div>
    </div>

    <div class="fixed_alert">
        <div class="mask_"></div>
        <div class="content">
            <div class="l">
                <div class="move">
                    <div class="back">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" viewBox="0 0 20 10" fill="none">
                            <path d="M2.16667 4.39587H19.875V5.43754H1.95833L5.5 8.97921L4.77083 9.70837L0.0833321 5.02087L4.77083 0.333374L5.5 1.06254L2.16667 4.39587Z" fill="black"/>
                        </svg>
                    </div>
                    <div class="title">
                        Dealer Application<br>
                        Form
                    </div>
                </div>
                <img src="./images/lo2.png" class="position" alt="">
            </div>
            <form action="javascript:;" class="r">
                <div class="jump">
                    <div class="matter">
                        <div class="p1">Company Information</div>
                        <div class="flex">
                            <div class="list">
                                <input type="text">
                                <p>Name</p>
                            </div>
                            <div class="list">
                                <input type="text">
                                <p>City/state/zip</p>
                            </div>
                            <div class="list all">
                                <input type="text">
                                <p>Address</p>
                            </div>
                            <div class="list">
                                <input type="text">
                                <p>Phone</p>
                            </div>
                            <div class="list">
                                <input type="text">
                                <p>Fax</p>
                            </div>
                            <div class="list all">
                                <input type="text">
                                <p>Email  Address</p>
                            </div>
                            <div class="list all">
                                <input type="text">
                                <p>Mailing Address(if different)</p>
                            </div>
                        </div>
                    </div>
                    <div class="matter">
                        <div class="p1">Primary Contact Information</div>
                        <div class="flex">
                            <div class="list">
                                <input type="text">
                                <p>Primary Contact Person</p>
                            </div>
                            <div class="list">
                                <input type="text">
                                <p>Position/Title</p>
                            </div>
                            <div class="list all">
                                <input type="text">
                                <p>Email</p>
                            </div>
                            <div class="list">
                                <input type="text">
                                <p>Office Phone Number</p>
                            </div>
                            <div class="list">
                                <input type="text">
                                <p>Cell Phone Number</p>
                            </div>
                            <div class="end">
                                <button type="submit">SUBMIT</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="banner">
        <img src="./images/de.png" alt="">
        <div class="position wow animated fadeInUp">
            Be A Dealer
        </div>
    </div>

    <div class="section1">
        <div class="title animated fadeInUp">
            Why Become a Dealer<br>
            at Modern Yard
        </div>
        <div class="content">
            <div class="item wow animated fadeInUp">
                <div>
                    <h1>Expanding Market Opportunity</h1>
                    <p>
                        With their environmental benefits, durability, and aesthetic appeal, WPC materials have become one of the fastest-growing building materials in recent years. This trend presents a highly lucrative business opportunity for you.With their environmental benefits, durability, and aesthetic appeal, WPC materials have become one of the fastest-growing building materials in recent years. This trend presents a highly lucrative business opportunity for you.
                    </p>
                </div>
            </div>
            <div class="item wow animated fadeInUp">
               <div>
                   <h1>Extensive Product Selection</h1>
                   <p>
                       Modern Yard offers not only high-quality WPC boards but also the most comprehensive selection of accessories in the industry, enabling you to meet all your customers' fencing needs, regardless of terrain or specific requirements.
                   </p>
               </div>
            </div>
            <div class="item wow animated fadeInUp">
                <div>
                    <h1>Reliable Supply Chain</h1>
                    <p>
                        As a U.S.-based company, Modern Yard has established a robust storage and distribution network, ensuring a consistent and reliable product supply, minimizing risks associated with inventory shortages.
                    </p>
                </div>
            </div>
            <div class="item wow animated fadeInUp">
               <div>
                   <h1>Competitive Pricing</h1>
                   <p>
                       Modern Yard is committed to providing its partners with the best pricing, allowing you to achieve substantial profits while offering your customers highly attractive product pricing.
                   </p>
               </div>
            </div>
            <div class="item wow animated fadeInUp">
                <div>
                    <h1>Comprehensive Dealer Support</h1>
                    <p>
                        We offer full marketing, training, and technical support to our dealers, ensuring that you have all the resources needed to successfully sell and promote our products, enhancing your business efficiency and effectiveness.
                    </p>
                </div>
            </div>
        </div>
        <div class="position">
            <div>
                <img src="./images/lo.png" alt="">
            </div>
        </div>
    </div>

    <div class="section2">
        <div class="title wow animated fadeInUp">
            Benefits of Becoming<br>
            a Modern Yard Dealer
        </div>
        <div class="content">
            <div class="item wow animated fadeInUp">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
                        <path d="M29.4375 56C28.7313 56 28.0312 55.7312 27.4937 55.1937L8.80625 36.5062C7.73125 35.4312 7.73125 33.6875 8.80625 32.6188L32.0875 9.3375C32.4625 8.9625 32.9688 8.75 33.5 8.75H52.45C53.9938 8.75 55.25 10.0063 55.25 11.55V30.5C55.25 31.0312 55.0375 31.5375 54.6625 31.9125L31.3813 55.1937C30.8438 55.7312 30.1437 56 29.4375 56ZM12.5188 34.5625L29.4375 51.4813L51.25 29.6688V12.75H34.3312L12.5188 34.5625Z" fill="#2932E1"/>
                        <path d="M40.5 29.875C36.9875 29.875 34.125 27.0125 34.125 23.5C34.125 19.9875 36.9875 17.125 40.5 17.125C44.0125 17.125 46.875 19.9875 46.875 23.5C46.875 27.0125 44.0125 29.875 40.5 29.875ZM40.5 21.125C39.1875 21.125 38.125 22.1875 38.125 23.5C38.125 24.8125 39.1875 25.875 40.5 25.875C41.8125 25.875 42.875 24.8125 42.875 23.5C42.875 22.1875 41.8125 21.125 40.5 21.125Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    Price Discounts and<br>
                    Rebates
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp" style="animation-delay: .2s">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="83" height="83" viewBox="0 0 83 83" fill="none">
                        <path d="M29.7418 41.8458L26.6293 38.7333L29.0502 36.3125L36.3127 43.575L29.0502 50.8375L26.6293 48.4167L29.7418 45.3042H13.8335V41.8458H29.7418ZM67.4377 31.125L76.0835 39.7708V62.25H68.821C68.1293 64.325 66.0543 65.7083 63.9793 65.7083C61.9043 65.7083 59.8293 64.325 59.1377 62.25H30.7793C30.0877 64.325 28.0127 65.7083 25.9377 65.7083C23.8627 65.7083 21.7877 64.325 21.096 62.25H13.8335V48.4167H17.2918V58.7917H58.7918V24.2083H17.2918V38.0417H13.8335V20.75H62.2502V31.125H67.4377ZM62.2502 34.5833V58.7917H72.6252V41.5L65.7085 34.5833H62.2502Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    Shipping and Delivery<br>
                    support
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp" style="animation-delay: .3s">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
                        <path d="M40.9412 10.3058H33.7412C33.0353 4.65873 28.9412 1.83521 24.0001 1.83521C19.0589 1.83521 14.9648 4.65873 14.2589 10.3058H7.05888L4.23535 47.0117H43.7648L40.9412 10.3058ZM24.0001 4.65873C27.3883 4.65873 30.2118 6.0705 30.9177 10.3058H17.0824C17.7883 6.0705 20.6118 4.65873 24.0001 4.65873ZM7.34123 44.1881L9.74123 13.1293H38.2589L40.6589 44.1881H7.34123Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    Market Support
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62" fill="none">
                        <path d="M56.1874 42.2612V13.9695C56.1874 11.6947 54.3365 9.8438 52.0617 9.8438H32.6104V8.07583C32.6104 7.09981 31.8185 6.30786 30.8425 6.30786C29.8665 6.30786 29.0745 7.09981 29.0745 8.07583V9.8438H9.62322C7.34848 9.8438 5.49756 11.6947 5.49756 13.9695V42.2618C5.49756 44.5366 7.34848 46.3875 9.62322 46.3875H14.7854L8.37293 52.7994C7.68209 53.4902 7.68209 54.6091 8.37293 55.3C8.71805 55.6451 9.17094 55.8183 9.62322 55.8183C10.0755 55.8183 10.5278 55.6457 10.8735 55.3L19.786 46.3875H44.256L53.1685 55.3C53.5137 55.6451 53.9665 55.8183 54.4188 55.8183C54.8711 55.8183 55.3234 55.6457 55.6691 55.3C56.36 54.6091 56.36 53.4902 55.6691 52.7994L49.2566 46.3875H52.0611C54.3359 46.3875 56.1874 44.5359 56.1874 42.2612ZM9.0335 42.2612V13.9695C9.0335 13.6492 9.30293 13.3803 9.62262 13.3803H52.0605C52.3808 13.3803 52.6496 13.6498 52.6496 13.9695V42.2618C52.6496 42.5821 52.3802 42.8509 52.0605 42.8509H9.62322C9.30293 42.8509 9.0335 42.5815 9.0335 42.2612Z" fill="#2932E1"/>
                        <path d="M16.6964 25.168H30.8426C31.8186 25.168 32.6106 24.3761 32.6106 23.4C32.6106 22.424 31.8186 21.6321 30.8426 21.6321H16.6964C15.7204 21.6321 14.9285 22.424 14.9285 23.4C14.9279 24.3761 15.7198 25.168 16.6964 25.168ZM42.0414 32.8302C42.0414 31.8542 41.2494 31.0623 40.2734 31.0623H16.6964C15.7204 31.0623 14.9285 31.8542 14.9285 32.8302C14.9285 33.8062 15.7204 34.5982 16.6964 34.5982H40.2734C41.2494 34.5988 42.0414 33.8068 42.0414 32.8302Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    Training and Education
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp" style="animation-delay: .2s">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62" fill="none">
                        <path d="M54.25 11.625V42.625H7.75V11.625H54.25ZM58.125 7.75H3.875V46.5H58.125V7.75Z" fill="#2932E1"/>
                        <path d="M38.3203 55.9876L32.2111 52.4638V45.4101H29.7893V52.4638L23.6801 55.9876L24.891 58.0826L31.0002 54.5587L37.1094 58.0826L38.3203 55.9876ZM12.4789 39.6037L10.7715 37.8962L23.2502 25.4115L31.0305 33.1615L45.6404 18.5212L47.36 20.2287L31.0305 36.5884L23.2502 28.8384L12.4789 39.6037Z" fill="#2932E1"/>
                        <path d="M47.7109 27.125H45.2891V20.5859H38.75V18.1641H47.7109V27.125Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    Marketing Materials
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp" style="animation-delay: .3s">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none">
                        <path d="M47.446 8.76043C39.263 7.83468 33.1065 5.62093 29.148 2.17868L28.1068 1.27393L26.9832 2.07543C20.7795 6.50468 14.644 8.74993 8.75 8.74993H7V33.2499C7 40.7609 13.622 47.5737 27.2458 54.0784L27.9615 54.4197L28.6912 54.1064C42.168 48.3174 49 41.3017 49 33.2499V8.93718L47.446 8.76043ZM45.5 33.2499C45.5 39.6374 39.627 45.4649 28.0368 50.5749C16.3993 44.8997 10.5 39.0722 10.5 33.2499V12.1939C16.2242 11.8229 22.071 9.64068 27.9177 5.68918C32.1143 8.88818 38.017 11.0214 45.5 12.0452V33.2499Z" fill="#2932E1"/>
                        <path d="M19.6755 25.6305C19.5232 25.4583 19.3385 25.3177 19.132 25.2168C18.9254 25.116 18.701 25.0568 18.4715 25.0426C18.2421 25.0285 18.0121 25.0597 17.7947 25.1344C17.5773 25.2092 17.3767 25.326 17.2045 25.4783C17.0322 25.6305 16.8917 25.8152 16.7908 26.0218C16.6899 26.2284 16.6307 26.4528 16.6166 26.6822C16.6025 26.9117 16.6337 27.1417 16.7084 27.3591C16.7831 27.5765 16.9 27.777 17.0522 27.9493L23.7127 35.4865C24.4022 36.2653 25.363 36.666 26.3325 36.666C26.8523 36.6656 27.3657 36.55 27.8356 36.3276C28.3055 36.1052 28.7203 35.7815 29.0502 35.3798L39.8565 22.106C40.1496 21.7461 40.2877 21.2845 40.2404 20.8227C40.1932 20.361 39.9644 19.9369 39.6045 19.6438C39.2446 19.3507 38.7829 19.2126 38.3212 19.2598C37.8594 19.3071 37.4353 19.5358 37.1422 19.8958L26.336 33.1678L19.6755 25.6305Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    Territory Protection
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="57" height="57" viewBox="0 0 57 57" fill="none">
                        <path d="M52.3917 43.0746C52.3247 42.7338 52.1593 42.4084 51.8952 42.1445L36.7256 27.0288C37.3405 25.4651 37.7332 23.7897 37.8647 22.0414C37.8923 21.9157 37.9073 21.7853 37.9073 21.6513L37.8959 21.5308C37.9079 21.2672 37.9144 21.002 37.9144 20.7353C37.9144 11.2321 30.2101 3.5282 20.7067 3.5282C18.2561 3.5282 15.9258 4.04142 13.8159 4.96488C13.4562 5.01404 13.1086 5.17148 12.8252 5.43686C12.6229 5.54127 12.4227 5.64921 12.2251 5.76131L12.4324 5.96859C12.1048 6.64353 12.2208 7.47949 12.7813 8.04011L20.9018 16.211L16.2356 20.9135L8.0969 12.7247C7.50871 12.1357 6.61567 12.0374 5.92456 12.4288L5.7346 12.2509C5.61549 12.4606 5.50105 12.6733 5.39066 12.8884C5.22667 13.097 5.11463 13.3331 5.05527 13.5795C4.05725 15.7586 3.5 18.1817 3.5 20.7353C3.5 30.2388 11.2033 37.9425 20.7067 37.9425C22.8832 37.9425 24.9649 37.5377 26.8816 36.8003L40.7454 50.6148C41.1075 51.0806 41.5276 51.499 41.9947 51.8596L42.0876 51.9521C42.2886 52.1534 42.5254 52.2972 42.7774 52.384C43.7984 52.9715 44.9823 53.3076 46.2448 53.3076C50.0899 53.3076 53.2069 50.1904 53.2069 46.3454C53.2069 45.1632 52.9118 44.0498 52.3917 43.0746ZM46.2484 49.7325C45.6129 49.7325 45.0184 49.5569 44.5103 49.2521L43.35 48.0959C43.3047 48.021 43.2626 47.944 43.2231 47.8655L39.6008 44.2633C39.593 44.2878 39.5848 44.3121 39.5773 44.3368L30.2575 35.0499C30.2629 35.0464 30.2684 35.0429 30.2738 35.0392L27.653 32.4186C25.6082 33.6402 23.2175 34.3429 20.6625 34.3429C13.1228 34.3429 7.00979 28.2304 7.00979 20.6907C7.00979 19.4908 7.16484 18.3272 7.45568 17.2185L14.5663 24.3734C14.6152 24.4223 14.6664 24.4674 14.7192 24.5095C14.7833 24.6046 14.8572 24.6952 14.9414 24.7794C15.649 25.487 16.7953 25.487 17.5029 24.7794L24.7225 17.5042C25.4301 16.7966 25.4301 15.6498 24.7225 14.9422C24.6777 14.8974 24.6311 14.8555 24.5831 14.8164C24.522 14.7282 24.4526 14.6439 24.3741 14.5654L17.3069 7.45466C18.3805 7.18307 19.5045 7.0381 20.6625 7.0381C28.2023 7.0381 34.3143 13.1507 34.3143 20.6908C34.3143 20.8308 34.3114 20.9701 34.3072 21.109C34.2819 21.2299 34.2683 21.355 34.2683 21.4833L34.282 21.6272C34.1834 23.0799 33.8579 24.4703 33.3402 25.7631L33.5668 25.9191C33.4665 25.9854 33.3713 26.0627 33.2831 26.151C32.5754 26.8587 32.5754 28.0055 33.2831 28.7131L41.9399 37.3389L41.955 37.3227L43.5496 38.9429L44.2759 39.6665C44.2723 39.6676 44.2687 39.6688 44.2652 39.6699L47.977 43.4414C48.0648 43.4938 48.1504 43.5495 48.2329 43.6094L48.9814 44.3552C49.39 44.9144 49.6318 45.6032 49.6318 46.3489C49.6317 48.2172 48.1165 49.7325 46.2484 49.7325Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    After-Sales Support
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="59" height="59" viewBox="0 0 59 59" fill="none">
                        <g clip-path="url(#clip0_1106_836)">
                            <path d="M44.5841 23.5804V10.1481C44.5841 9.43025 44.2006 8.77142 43.5909 8.41742L30.5126 0.855588C29.8734 0.501588 29.1359 0.501588 28.4968 0.855588L15.4184 8.41742C14.7793 8.77142 14.4253 9.44009 14.4253 10.1481V23.5804C14.4253 24.2983 14.0418 24.9571 13.4321 25.3111L1.87793 31.9879C1.23877 32.3321 0.884766 33.0106 0.884766 33.7088V48.8128C0.884766 49.5306 1.26827 50.1894 1.87793 50.5434L14.9563 58.1053C15.5954 58.4593 16.3329 58.4593 16.9721 58.1053L28.5459 51.4284C29.1851 51.0744 29.9226 51.0744 30.5618 51.4284L42.1356 58.1053C42.7748 58.4593 43.5123 58.4593 44.1514 58.1053L57.2298 50.5434C57.8689 50.1894 58.2229 49.5208 58.2229 48.8128V33.7088C58.2229 32.9909 57.8394 32.3321 57.2298 31.9781L45.6559 25.3013C44.9676 24.9571 44.5841 24.2884 44.5841 23.5804ZM15.9101 41.3099L15.9396 41.2804L15.9691 41.3099H15.9101ZM15.9789 39.5498L5.39827 33.4433L15.9298 27.3761L26.5104 33.4826L15.9789 39.5498ZM27.9854 18.6048V30.8276L17.4343 24.7211V12.4983L27.9854 18.6048ZM31.0141 30.8276V18.6048L41.5653 12.4983V24.7211L31.0141 30.8276ZM31.0141 36.0786L41.5653 42.1851V54.3588L31.0141 48.2523V36.0786ZM43.0796 41.3099L43.1091 41.2804L43.1386 41.3099H43.0796ZM43.0206 39.5498L32.4891 33.4826L43.0698 27.3761L53.6013 33.4433L43.0206 39.5498ZM40.0706 9.90225L29.4899 16.0088L18.9093 9.90225L29.4899 3.79575L40.0706 9.90225ZM3.8741 36.0294L14.4253 42.1359V54.3588L3.8741 48.2523V36.0294ZM17.4343 54.3489V42.1753L27.9854 36.0688V48.2424L17.4343 54.3489ZM44.5841 54.3489V42.1261L55.1353 36.0196V48.2424L44.5841 54.3489Z" fill="#2932E1"/>
                        </g>
                        <defs>
                            <clipPath id="clip0_1106_836">
                                <rect width="59" height="59" fill="white"/>
                            </clipPath>
                        </defs>
                    </svg>
                </div>
                <div class="headline">
                    Priority Access to<br>
                    New Products
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
            <div class="item wow animated fadeInUp" style="animation-delay: .3s">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63" fill="none">
                        <path d="M30.2715 58.4955C29.2005 58.4955 28.1925 58.086 27.4365 57.33L1.1655 31.059C0.4095 30.303 0 29.295 0 28.224C0 27.153 0.4095 26.145 1.1655 25.389L20.8845 5.67002C21.6405 4.91402 22.6485 4.50452 23.7195 4.50452C24.7905 4.50452 25.7985 4.91402 26.5545 5.67002L33.2955 12.411L39.753 5.95352C40.509 5.19752 41.517 4.78802 42.588 4.78802C43.659 4.78802 44.667 5.19752 45.423 5.95352L61.8345 22.365C62.5905 23.121 63 24.129 63 25.2C63 26.271 62.5905 27.279 61.8345 28.035L54.432 35.4375L54.054 35.0595L53.739 36.036C53.5185 36.6975 53.235 37.2015 52.8255 37.611L33.1065 57.33C32.3505 58.086 31.3425 58.4955 30.2715 58.4955ZM23.7195 8.82002C22.932 8.82002 22.176 9.13502 21.609 9.70202L5.1975 26.1135C4.6305 26.6805 4.3155 27.405 4.3155 28.224C4.3155 29.0115 4.6305 29.7675 5.1975 30.3345L28.1925 53.3295C28.7595 53.8965 29.484 54.2115 30.303 54.2115C31.0905 54.2115 31.8465 53.8965 32.4135 53.3295L33.642 52.101L20.79 39.249C20.601 39.06 20.601 38.7135 20.79 38.5245L22.428 36.8865C22.5225 36.792 22.6485 36.729 22.806 36.729C22.932 36.729 23.0895 36.792 23.184 36.8865L36.036 49.7385L39.4695 46.305L27.783 34.6185C27.594 34.4295 27.594 34.083 27.783 33.894L29.421 32.256C29.5155 32.1615 29.6415 32.0985 29.799 32.0985C29.925 32.0985 30.0825 32.1615 30.177 32.256L41.8635 43.9425L45.297 40.509L34.776 29.988C34.587 29.799 34.587 29.4525 34.776 29.2635L36.414 27.6255C36.5085 27.531 36.6345 27.468 36.792 27.468C36.918 27.468 37.0755 27.531 37.17 27.6255L47.691 38.1465L48.9195 36.918C49.4865 36.351 49.8015 35.6265 49.8015 34.8075C49.8015 34.02 49.4865 33.264 48.9195 32.697L25.9245 9.70202C25.263 9.13502 24.507 8.82002 23.7195 8.82002ZM42.588 9.10352C41.8005 9.10352 41.0445 9.41852 40.4775 9.98552L35.658 14.805L52.983 32.13L57.8025 27.3105C58.3695 26.7435 58.6845 26.019 58.6845 25.2C58.6845 24.381 58.3695 23.6565 57.8025 23.0895L44.667 9.95402C44.1 9.41852 43.3755 9.10352 42.588 9.10352Z" fill="#2932E1"/>
                    </svg>
                </div>
                <div class="headline">
                    Regular Communication<br>
                    and Feedback Mechanism
                </div>
                <div class="pick">
                    Modern Yard provides comprehensive after-sales support, including product repair, replacement, and technical assistance, helping dealers resolve customer issues and enhance customer satisfaction.
                </div>
            </div>
        </div>
    </div>

    <div class="section3 wow animated fadeInUp">
        <img src="./images/pexe.png" class="common_bg" alt="">
        <div class="jump">
            <div class="title wow animated fadeInUp">Want to be a dealer</div>
            <div class="more wow animated fadeInUp" style="animation-delay: .2s">Let‘s talk</div>
        </div>
    </div>

    <div class="section4">
        <div class="img">
            <img src="./images/img1.png" alt="">
        </div>
        <div class="color">
            <h1 class=" wow animated fadeInUp">contact us</h1>
            <div class="pick wow animated fadeInUp" style="animation-delay: .2s">
                <p>Phone：(510) 695-2700</p>
                <p>E-mail：Service@MYModernYard.com</p>
            </div>
        </div>
    </div>

    <div class="foot">
        <div class="dom1">
            <div class="l">
                <div class="pic">
                    <img src="./images/flogo.svg" alt="">
                </div>
                <div class="des">
                    <p>Phone：(510) 695-2700</p>
                    <p>E-mail：Service@MyModernYard.com</p>
                </div>
            </div>
            <div class="r">
                <div class="item">
                    <a href="">product</a>
                    <a href="">Make it yours</a>
                    <a href="">Product advantages</a>
                    <a href="">Tech Specs</a>
                </div>
                <div class="item">
                    <a href="">Be a dealer</a>
                    <a href="">Contact us</a>
                </div>
            </div>
        </div>
        <div class="dom2">
            <div class="l">
                MODERN YARD @ 2024 All rights reserved.
            </div>
            <div id="goTop">
                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
                    <path d="M12.3958 4.16667V21.875H13.4375V3.95833L16.9792 7.5L17.7083 6.77083L13.0208 2.08333L8.33334 6.77083L9.06251 7.5L12.3958 4.16667Z" fill="white"/>
                </svg>
            </div>
            <div class="share">
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none">
                        <path d="M16.12 6.81966C16.0421 12.9717 12.2858 17.1855 6.67846 17.4501C4.36607 17.561 2.69082 16.7787 1.23289 15.8087C2.94196 16.0943 5.06119 15.3789 6.19461 14.3627C4.51936 14.192 3.52751 13.299 3.06341 11.8618C3.5475 11.9494 4.05748 11.9262 4.51737 11.8242C3.00567 11.2942 1.92616 10.3157 1.87039 8.26525C2.2946 8.46753 2.73683 8.65767 3.32435 8.69516C2.19301 8.0212 1.35644 5.55751 2.31458 3.92837C3.99367 5.85587 6.0134 7.42876 9.32986 7.64154C8.49722 3.91377 13.2139 1.8923 15.188 4.39774C16.0225 4.22866 16.7017 3.89708 17.3551 3.53618C17.0862 4.40187 16.5683 5.00684 15.9369 5.49081C16.63 5.39283 17.2434 5.21547 17.7675 4.94428C17.4424 5.65148 16.7316 6.28566 16.12 6.81966Z" fill="white"/>
                    </svg>
                </a>
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
                        <path d="M16.3281 2.07812H2.67188C2.34346 2.07812 2.07812 2.34346 2.07812 2.67188V16.3281C2.07812 16.6565 2.34346 16.9219 2.67188 16.9219H16.3281C16.6565 16.9219 16.9219 16.6565 16.9219 16.3281V2.67188C16.9219 2.34346 16.6565 2.07812 16.3281 2.07812ZM14.6137 6.41064H13.428C12.4984 6.41064 12.3185 6.85225 12.3185 7.50166V8.93223H14.5376L14.2481 11.1718H12.3185V16.9219H10.0047V11.1736H8.06943V8.93223H10.0047V7.28086C10.0047 5.36416 11.1755 4.31953 12.8862 4.31953C13.7063 4.31953 14.4096 4.38076 14.6155 4.40859V6.41064H14.6137Z" fill="white"/>
                    </svg>
                </a>
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
                        <path d="M9.50001 7.02686C8.1381 7.02686 7.02667 8.13828 7.02667 9.5002C7.02667 10.8621 8.1381 11.9735 9.50001 11.9735C10.8619 11.9735 11.9734 10.8621 11.9734 9.5002C11.9734 8.13828 10.8619 7.02686 9.50001 7.02686Z" fill="white"/>
                        <path d="M16.9182 9.49987C16.9182 8.47565 16.9274 7.46071 16.8699 6.43834C16.8124 5.25084 16.5415 4.19694 15.6731 3.32858C14.8029 2.45836 13.7509 2.18932 12.5634 2.1318C11.5392 2.07428 10.5242 2.08356 9.50185 2.08356C8.47763 2.08356 7.46269 2.07428 6.44033 2.1318C5.25283 2.18932 4.19892 2.46022 3.33056 3.32858C2.46035 4.19879 2.19131 5.25084 2.13379 6.43834C2.07627 7.46256 2.08554 8.4775 2.08554 9.49987C2.08554 10.5222 2.07627 11.539 2.13379 12.5614C2.19131 13.7489 2.4622 14.8028 3.33056 15.6712C4.20078 16.5414 5.25283 16.8104 6.44033 16.8679C7.46455 16.9255 8.47949 16.9162 9.50185 16.9162C10.5261 16.9162 11.541 16.9255 12.5634 16.8679C13.7509 16.8104 14.8048 16.5395 15.6731 15.6712C16.5434 14.8009 16.8124 13.7489 16.8699 12.5614C16.9293 11.539 16.9182 10.5241 16.9182 9.49987ZM9.5 13.3054C7.39404 13.3054 5.69443 11.6058 5.69443 9.49987C5.69443 7.39391 7.39404 5.6943 9.5 5.6943C11.606 5.6943 13.3056 7.39391 13.3056 9.49987C13.3056 11.6058 11.606 13.3054 9.5 13.3054ZM13.4614 6.42721C12.9697 6.42721 12.5727 6.03014 12.5727 5.53844C12.5727 5.04674 12.9697 4.64967 13.4614 4.64967C13.9531 4.64967 14.3502 5.04674 14.3502 5.53844C14.3483 6.032 13.9531 6.42721 13.4614 6.42721Z" fill="white"/>
                    </svg>
                </a>
                <a href="">
                    <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none">
                        <path d="M17.4655 5.754C17.2744 5.0039 16.7104 4.41315 15.996 4.21299C14.699 3.84766 9.5 3.84766 9.5 3.84766C9.5 3.84766 4.30098 3.84766 3.004 4.21105C2.28779 4.4112 1.72559 5.00195 1.53447 5.75205C1.1875 7.11234 1.1875 9.9495 1.1875 9.9495C1.1875 9.9495 1.1875 12.7867 1.53447 14.145C1.72559 14.8951 2.28965 15.4859 3.004 15.686C4.30098 16.0513 9.5 16.0513 9.5 16.0513C9.5 16.0513 14.699 16.0513 15.996 15.686C16.7122 15.4859 17.2744 14.8951 17.4655 14.145C17.8125 12.7867 17.8125 9.9495 17.8125 9.9495C17.8125 9.9495 17.8125 7.11234 17.4655 5.754ZM7.84863 12.5535V7.34553L12.1533 9.93007L7.84863 12.5535Z" fill="white"/>
                    </svg>
                </a>
            </div>
        </div>
        <div class="bg">
            <img src="./images/fbg.png" alt="">
        </div>
    </div>

</div>
<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/wow.min.js"></script>
<script src="./js/swiper.js"></script>
<script src="./js/gsap.min.js"></script>
<script src="./js/ScrollTrigger.min.js"></script>
<script src="./js/SplitText.min.js"></script>
<script src="./js/lenis.min.js"></script>
<script src="./js/aos.js"></script>
<script src="./js/common.js"></script>
<script src="./js/countUp.js"></script>
<script>
    new WOW().init();


    $('.fixed_alert .list input').focus(function () {
        if(($(this).val()==='')){
            $(this).parent().addClass('on')
        }
    })
    $('.fixed_alert .list input').blur(function () {
        if(($(this).val()==='')){
            $(this).parent().removeClass('on')
        }
    })

    $('.home .section3 .more').click(function () {
        $('.fixed_alert').addClass('on')
    })

    $('.home .fixed_alert .content .l .move .back').click(function () {
        $('.fixed_alert').removeClass('on')
    })

    lenis.on('scroll', (e) => {
        scrollTop = e.animatedScroll

        var top = $('.section1').position().top
        if (scrollTop >= top) {
            $('.home .section1 .position img').css('transform','translateY('+ (scrollTop - top) +'px)')
        }else {
            $('.home .section1 .position img').css('transform','translateY(0)')
        }
    })
</script>
</body>

</html>